/* 
    Document   : estructuraindex
    Created on : 10-abr-2011, 18:50:00
    Author     : kar
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    background: #EBEBEB; 
}

#contenedor {
    margin: 0 auto;
    width: 740px;
    height: auto;
    padding: 5px;
}

#cabecera
{
    background-color: #C1CDCD;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    width: auto;
    border: 4px solid #A9A9A9 ;
    border-radius: 10px 10px; /* Firefox */
}

#cabecera #nombre
{
    text-align: center;
    font-size: 240%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 5px;
}

#lateral
{
    margin: 5px;
    margin-left: 10px;
    clear: left;
    float : left; 
    width: auto;
    height: auto;
}

#contenido
{
    clear: both;
    float : left;
    margin-left: 18px;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 700px;
    border: 2px solid #CDCDCD;
    background-color: #F2F2F2;
    border-radius: 12px 12px; /* Firefox */
}

#textobienvenida
{
    margin: 10px;
    font-size: 15px;
    float: left;
}

/* login */
#login
{
    font-size: 15px;
    /* background-color: #999999; */
    background-color: #D8DDD2;
    border: 3px solid #000000;
    padding: 10px 10px 5px 5px;
    /* border-radius: 25px 25px; */
    border-radius: 10px 10px; /* Firefox */
    box-shadow: 3px 3px 5px #999; /* Firefox */
    float:left;
    margin-top: 40px;
    margin-left: 240px;
    margin-bottom: 40px;
    width: auto;
}

#login #titulo
{
    padding-left: 5px;
    border-bottom: 2px solid #000;
    font-weight: bold;
}

/* botones de envio */
.boton
{
    font-size: 15px;
    /*background-color: rgb(38, 114, 236);*/
    color: rgb(255, 255, 255);
    background-color: #4682B4;
    border: none;
    border-radius: 3px 3px; /* Firefox */
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
        
}

/* links */
.enlace
{
    padding-left: 2px;
    padding-top: 15px;
    /* line-height: 35px;*/
    font-size: 80%;
    color: #3366CC;
}

.enlace a
{
    /*color: #000000;*/
    text-decoration: none;
    color: #3366CC;
}

.enlace a:hover
{
    /* color: #FF0023; */
    color: #00BFFF;
    text-decoration: none;
}

#pie
{
    background-color: #C1CDCD;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    width: auto;
    clear: both;
    border-radius: 10px 10px; /* Firefox */
}

#mensajeerror
{
    text-align: center;
    color: red;
    font-size: 100%;
    clear: both;
}

#mensajenoerror
{
    text-align: center;
    color: green;
    font-size: 100%;
    clear: both;
}

#datosperfil
{
    /* margin-top: 60px; */
    padding: 30px;
    margin: 10px;
    text-align: left;
    clear: right;
    float: left;
    border: 1px solid #CDCDCD;
    background-color: #D8DDD2;
    border-radius: 12px 12px; /* Firefox */
}

#formregistro
{
    text-align: left; 
    padding: 30px;
    margin: 10px;
    border: 1px solid #CDCDCD;
    background-color: #D8DDD2;
    /* background-color: #D3D3D3; */
    border-radius: 12px 12px; /* Firefox */
}

#formnuevomensaje
{
    clear: right;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #CDCDCD;
    background-color: #D8DDD2;
    border-radius: 12px 12px; /* Firefox */
}

#listamensajes
{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    clear: right;
    float: left;
    border: 1px solid #CDCDCD;
    width: 450px;
    background-color: #D8DDD2;
    border-radius: 12px 12px; /* Firefox */

}

.tituloseccion
{
    background-color: #CDCDCD;
    width: 690px;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 10px 10px; /* Firefox */
    font-size: 110%;
}


#listarutas
{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    clear: right;
    float: left;
    border: 1px solid #CDCDCD;
    width: 450px;
    background-color: #D8DDD2;
    border-radius: 12px 12px; /* Firefox */
   
}

.suscripcion
{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-bottom: 20px;
    clear: right;
    float: right;
    border: 1px solid #CDCDCD;
    width: 480px;
    background-color: #D8DDD2;
    border-radius: 12px 12px; /* Firefox */
}


.tabla 
{
    background-color: #E6E6FA;
    border: 3px solid #F2F2F2;
    width: 400px;
    /* border-color: #000000; */
    border-radius: 10px 10px; /* Firefox */
}

.tabla .titulo
{
    font-style: oblique;
    font-size: 110%;
}